1
00:00:00,570 --> 00:00:01,600
Hello and welcome.

2
00:00:01,620 --> 00:00:12,390
In this video we are going to create a directorate for our project and also create hastier male structure.

3
00:00:12,600 --> 00:00:21,690
If you are on a Mac you can also create a Derek print from your desktop by right clicking and just going

4
00:00:21,690 --> 00:00:23,050
to a new folder.

5
00:00:23,280 --> 00:00:27,650
So I'm using a Windows based computer so the process is the same.

6
00:00:27,660 --> 00:00:31,400
Just give your folder in your new name.

7
00:00:31,740 --> 00:00:38,870
I have called my directory count down saw my email file going here.

8
00:00:38,880 --> 00:00:46,770
My sis says and also the javascript file will also reside inside this directory.

9
00:00:47,040 --> 00:00:54,480
So now that I've caught there it recreate the next and I want to do is create that hastier more structure

10
00:00:54,840 --> 00:00:56,120
for the project.

11
00:00:56,250 --> 00:01:05,720
I will be using the sublime text as my editor up for this lecture so I'm going to begin by defining

12
00:01:05,770 --> 00:01:07,620
the doctype.

13
00:01:07,680 --> 00:01:08,670
So you do that.

14
00:01:08,660 --> 00:01:18,390
He is in the left ankle bracket pulled by the exclamation mark and then you type pain doc type.

15
00:01:19,780 --> 00:01:33,120
Doc Ty space t l and then you close it with the right angle bracket on the next line.

16
00:01:33,120 --> 00:01:39,770
This is where you actually start the hastier melt part of it so you do a left angle bracket.

17
00:01:40,240 --> 00:01:44,390
A male and a right angle bracket.

18
00:01:44,400 --> 00:01:52,740
I would like to open and close my tags at the same time so I'm going to close the hastier mill with

19
00:01:52,740 --> 00:01:59,930
the left angled bracket forward slash and then hastey about Amber will close it.

20
00:01:59,990 --> 00:02:01,520
I am using sublime Tex.

21
00:02:01,530 --> 00:02:11,430
You can see the colouration of my code here has not change this because Eastfield think in everything

22
00:02:11,430 --> 00:02:14,070
I type in here is plain tex.

23
00:02:14,250 --> 00:02:18,640
So to change that just on the bottom here we have got plain tex.

24
00:02:18,730 --> 00:02:25,020
I am going to change that and look for hastier email and just change that see.

25
00:02:25,090 --> 00:02:28,370
Hey his out here so I'll just change that to hastier must.

26
00:02:28,370 --> 00:02:32,710
He can see the colouration has changed.

27
00:02:32,880 --> 00:02:36,540
The next thing I want to do is to find the head tag.

28
00:02:36,540 --> 00:02:48,870
So in between here same tag here I I'm going to just to a left angle bracket and do a head past the

29
00:02:48,930 --> 00:02:58,810
opening and I will close it so we'd be left angled bracket forward slash.

30
00:02:59,160 --> 00:03:07,290
So I've now got my head tag or so close I want to indent that bit numbers going to indented one space

31
00:03:08,290 --> 00:03:15,730
so that there's some indentation to you know that the head comps on the hastier malph tag makes.

32
00:03:15,720 --> 00:03:23,630
Now want to do is add the body tag the body type is where the actual content will be displayed.

33
00:03:23,850 --> 00:03:28,610
So only the content within the body tag is this plate.

34
00:03:28,950 --> 00:03:34,960
So a left angle bracket and I'll close that so that's my body too close.

35
00:03:35,590 --> 00:03:42,200
I'm going to be using an external sheet so I'm going to pull the reference to this tile sheet in between

36
00:03:42,270 --> 00:03:47,380
ahead tag and also Queen to within the body attack.

37
00:03:47,450 --> 00:03:57,690
I want to add and I see the idea here is just acting as a place holder so the content of this idea will

38
00:03:57,690 --> 00:04:01,390
be replaced by the count down.

39
00:04:01,440 --> 00:04:04,850
Time to save a bit of time.

40
00:04:04,850 --> 00:04:13,230
I have completed the code for the structure so this is why I've added on line 6 he added a reference

41
00:04:13,260 --> 00:04:22,410
to the external style sheet so this will be where our style sheet will be located and is going to be

42
00:04:22,410 --> 00:04:28,460
located in the directory we created earlier so all the files will be there.

43
00:04:28,500 --> 00:04:36,720
This is the name of the csx I of not crito This is file yet but when I do is going to be called Count

44
00:04:36,720 --> 00:04:39,020
Down see says Hey Trev.

45
00:04:39,030 --> 00:04:46,500
Basically this attribute specify where to pick up the externals tile shed from K and thus the location

46
00:04:46,930 --> 00:04:52,410
and use real which is an attribute to indicate what the link is.

47
00:04:52,500 --> 00:04:59,310
Specify the link is going to be as a whole sheet and type Here is text so the green bits here are or

48
00:04:59,340 --> 00:04:59,920
attributes.

49
00:05:00,000 --> 00:05:03,580
Anywhere you see Queen are a tribute.

50
00:05:03,600 --> 00:05:06,680
So this is a link to this style --.

51
00:05:07,110 --> 00:05:16,460
So this time she is pleased with being the head section of the team old document inside the body.

52
00:05:16,500 --> 00:05:21,880
I've got a paragraph typed with an attribute of the root.

53
00:05:21,900 --> 00:05:28,300
This basically is going to be taken over by a big countdown time when the clock starts.

54
00:05:28,320 --> 00:05:31,730
It will take all that this Deve.

55
00:05:32,220 --> 00:05:36,000
This is a paragraph Heidi.

56
00:05:36,180 --> 00:05:46,010
So when the time I start to take over this paragraph here and inject the count that time I hear this

57
00:05:46,010 --> 00:05:55,500
script here this is the javascript that or be responsible for enabling the count that time to work through.

58
00:05:55,500 --> 00:05:57,730
This is where the function is.

59
00:05:58,020 --> 00:06:04,670
This is going to be an external file has I've got the nsc ASIC business task force source.

60
00:06:04,700 --> 00:06:12,480
This source attribute where you have to specify the location of the external javascript file so I'm

61
00:06:12,480 --> 00:06:20,790
using an external javascript file and an external style sheet so this is the location of the javascript

62
00:06:20,880 --> 00:06:27,660
I have not created the file but when I do is going to be called come down that g s.

63
00:06:27,810 --> 00:06:30,590
So that's basically the hastier model done.

64
00:06:30,840 --> 00:06:40,340
So don't forget to save it you just click File Save As and just locate the location of your directory.

65
00:06:40,590 --> 00:06:44,980
We create it and just see him as a hasty mail document.

66
00:06:45,690 --> 00:06:50,470
In this lecture we created a directory for our project.

67
00:06:50,520 --> 00:06:58,460
We also created the hastier mail document and in Siberia's to him a document with reference to the externals

68
00:06:58,460 --> 00:07:06,660
title she's going to use also a reference to the external javascript file that we aren't going to use.

69
00:07:06,660 --> 00:07:07,800
Thanks for watching.

70
00:07:07,800 --> 00:07:08,900
Bye for now.